<div class="home_box">
  <div class="header">
    <div class="logo">
      <img src="@/assets/gp.png" alt="">
    </div>
    <div class="title">啥都有 OA</div>
    <el-button class="loginOut" type="info">退出</el-button>
  </div>
  <div class="home">
    <div class="slide">
      <el-menu
      default-active="2"
      class="el-menu-vertical-demo"
      background-color="#545c64"
      text-color="#fff"
      :unique-opened="true"
      active-text-color="#ffd04b">
      <el-submenu index="1">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>用户管理</span>
        </template>
        <el-menu-item-group>
         <el-menu-item index="1-1"> <i class="el-icon-location"></i>
          <router-link to="/users" tag="span">用户列表</router-link>
        </el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="2">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>权限管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="2-1"><i class="el-icon-location"></i>
            <router-link to="/roles" tag="span">角色列表</router-link>
          </el-menu-item>
          <el-menu-item index="2-2"><i class="el-icon-location"></i>
            <router-link to="/rights" tag="span">权限列表</router-link>
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="3">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>商品管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="3-1"><i class="el-icon-location"></i>
            <router-link to="/goods" tag="span">商品列表</router-link>
          </el-menu-item>
          <el-menu-item index="3-2"><i class="el-icon-location"></i>
            <router-link to="/params" tag="span">分类参数</router-link>
          </el-menu-item>
          <el-menu-item index="3-3"><i class="el-icon-location"></i>
            <router-link to="/carts" tag="span">商品分类</router-link>
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="4">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>订单管理</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="4-1"><i class="el-icon-location"></i>
            <router-link to="/list" tag="span">订单列表</router-link>
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>

      <el-submenu index="5">
        <template slot="title">
          <i class="el-icon-location"></i>
          <span>数据统计</span>
        </template>
        <el-menu-item-group>
          <el-menu-item index="5-1"><i class="el-icon-location"></i>
            <router-link to="/count" tag="span">数据报表</router-link>
          </el-menu-item>
        </el-menu-item-group>
      </el-submenu>
    </el-menu>
    </div>
    <div class="content">
      <router-view></router-view>
    </div>
  </div>
</div>